<template>
	<!-- 作者信息 -->
	<view class="sidebar-card author-card"  @click="$router('/subPackages1/pages/resume/index')">
		<image src="https://picsum.photos/id/1005/200/200" mode="aspectFill" class="author-avatar">
		</image>
		<text class="author-name">何俊东</text>
		<text class="author-title">程序开发者 | 技术研究者 | 终身学习者</text>
		<text class="author-bio">热衷于探索新技术，分享编程经验和生活感悟，希望通过文字连接更多志同道合的朋友。</text>
		<view class="social-links">
			<view class="social-icon">G</view>
			<view class="social-icon">T</view>
			<view class="social-icon">L</view>
			<view class="social-icon">I</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{}
		}
	}
</script>

<style scoped>
	/* 侧边栏样式 */
	.sidebar {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.sidebar-card {
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
		padding: 20px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.author-avatar {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		margin: 0 auto 16px;
		border: 4px solid rgba(59, 130, 246, 0.1);
	}
	
	.author-name {
		font-size: 18px;
		font-weight: bold;
		color: #1F2937;
		display: block;
		margin-bottom: 8px;
	}
	
	.author-title {
		font-size: 14px;
		color: #6B7280;
		display: block;
		margin-bottom: 12px;
	}
	
	.author-bio {
		font-size: 14px;
		color: #4B5563;
		line-height: 1.6;
		margin-bottom: 16px;
		display: block;
	}
	
	.social-links {
		display: flex;
		justify-content: center;
		gap: 12px;
	}
	
	.social-icon {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background-color: #F3F4F6;
		color: #6B7280;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
	}
	
</style>